<template>
    <el-container>
        <el-main class="main-select-body">
            <el-form inline>
                <el-row>
                    <el-col span="6">
                        <el-form-item :label="$t('formData.maneuverName')">
                            <el-input type="text" v-model="condition.queryName" ></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col span="6">
                        <el-form-item>
                            <el-button type="primary" class="main-select-btn" @click="onSearch">查询</el-button>
                            <el-button class="main-reset-btn" @click="onReset">重置</el-button>
                            <el-button icon="el-icon-delete" :disabled="selectOptions.length < 1" @click="onDelete">
                            </el-button>
                            <el-button icon="el-icon-plus" @click="dialogEdit(null)">
                            </el-button>
                        </el-form-item>
                    </el-col>
                </el-row>
            
            </el-form>
            <el-table
                
                class="marT20"
                :data="tableData"
                :height="tableHeight"
                v-loading="loading"
                @row-dblclick="dialogEdit"
                element-loading-spinner="el-icon-loading"
                element-loading-background="rgba(255, 255, 255, 0.8)"
                @selection-change="onSelect"
            >
                <el-table-column type="selection" width="70" align="center"></el-table-column>
                <el-table-column width="70" align="center" prop="index" label="序号"></el-table-column>
                <el-table-column v-for="item in columns" :key="item.prop" :prop="item.prop" :label="item.label" align="center"></el-table-column>
                <el-table-column :label="$t('base.table.action')">
                    <template slot-scope="scope">
                        <el-button
                            icon="el-icon-edit"
                            @click="dialogEdit(scope.row)"
                        ></el-button>
                        <el-button
                            icon="el-icon-delete"
                            @click="onDelete(scope.row)"
                        ></el-button>
                    </template>
                </el-table-column>
            </el-table>
            <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage"
                :page-sizes="pageSizes"
                :page-size="pageSize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="total"
            ></el-pagination>
        </el-main>
        <el-dialog
            :visible.sync="dialogValue"
            @close="dialogValue = false"
        >
        
        </el-dialog>
    </el-container>
</template>

<script>
import curd from "@/mixins/curd";

export default {
    name: "common-page",
    mixins: [curd],
    data() {
        return {
            condition: {
            
            }
        }
    }
}
</script>

<style scoped>

</style>
